<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="../css/mui.min.css" />
		<style type="text/css">
			body {
				background-color: #FFFFFF;
			}
			
			#map {
				width: 100%;
				position: fixed;
				top: 0px;
				bottom: 0px;
				line-height: 200px;
				text-align: center;
				background: #FFFFFF;
			}
		</style>
		</style>
	</head>

	<body>
		<div id="map">地图加载中...</div>
		<script src="../js/mui.min.js"></script> 
		<script type="text/javascript">
			mui.init();
			mui.plusReady(function() {
				plus.geolocation.getCurrentPosition(function(data) {
					lat = data.coords.latitude;
					lng = data.coords.longitude;
					var map = new plus.maps.Map("map");
					var ptObj = new plus.maps.Point(lng, lat);
					map.setCenter(ptObj);
					markObj = new plus.maps.Marker( ptObj );
					markObj.setIcon("images/location.png");
					map.addOverlay(markObj);
//					map.overlayObj.isVisible();
				}, function(e) {
					console.log(e.code);
					console.log(e.message)
				});
			})
		</script>
	</body>

</html>